<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<title>Mensch ärgere dich nicht - BIG SS2012</title>
<meta http-equiv="content-type"
	content="application/xhtml+xml; charset=utf-8" />
<meta name="description" content="Web Engineering Abgabe 1" />
<meta name="keywords" content="Web Engineering Sommer 2012 Abgabe 1" />
<link rel="stylesheet" type="text/css" href="styles/basic.css" />
<link rel="stylesheet" type="text/css" href="styles/screen.css" />
</head>
<body>
	<div id="wrapper">
		<div id="header">
			<div id="header_left">
				<h1 class="invisible">Mensch &auml;rgere dich nicht - BIG SS2012</h1>
			</div>
			<div id="header_right"></div>
		</div>
		<ul class="invisible">
			<li><a href="#invisible" accesskey="1">Navigation</a></li>
			<li><a href="#registration" accesskey="2">Registrierung</a></li>
		</ul>
		<div id="navigation">
				<h2 class="invisible">Navigation</h2>
				<ul>
					<li><a href="#">Einloggen</a></li>
					<li><a href="#">Zur&uuml;ck zur Lounge</a></li>
				</ul>
			</div>

		<div id="content">
			<h2 class="registration">Registrieren</h2>
			<p>Bitte f&uuml;llen Sie das untenstehende Formular aus!</p>

			<form action="#" method="post" id="sendRegistration">
				<h3>Pers&ouml;nliche Daten</h3>
				<fieldset>
					<div>
						<label for="firstname">Vorname</label> <input type="text"
							id="firstname" name="firstname" />
					</div>
					<div>
						<label for="lastname">Nachname</label> <input type="text"
							id="lastname" name="lastname" />
					</div>
					<div>
						<label for="birthdate">Geburtsdatum</label> <input type="text"
							id="birthdate" name="birthdate" />
					</div>
					<div>
						<label for="gender">Geschlecht</label> <select id="gender"
							name="gender">
							<option value="m">m&auml;nnlich</option>
							<option value="f">weiblich</option>
						</select>
					</div>
				</fieldset>

				<h3>Login Daten</h3>
				<fieldset>
					<div>
						<label for="username">Username</label> <input type="text"
							id="username" name="username" />
					</div>
					<div>
						<label for="password">Passwort</label> <input type="password"
							id="password" name="password" />
					</div>
				</fieldset>

				<div id="button">
					<input type="button" value="Registrieren" accesskey="r" />
				</div>

			</form>
		</div>
	</div>
	<div id="footer">
		<p>&copy; 2012 EWA Mensch &auml;rgere Dich nicht.</p>
	</div>

</body>
</html>